<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <title>在线填报</title>
<!--    <link rel="stylesheet" type="text/css" href="css/main.css" />-->
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
<!--    <link rel="stylesheet" type="text/css" href="css/layuiAdminTheme.css" />-->
    <link rel="stylesheet" href="layui/css/layui.css" media="all" />
<!--    <link rel="stylesheet" href="css/public.css" media="all" />-->
    <style type="text/css">
    </style>
  </head>
  <body>
    <script src="js/main.js" charset="utf-8"></script>
<!--    <script src="https://cdn.jsdelivr.net/npm/jquery" charset="utf-8"></script>-->
    <script src="layui/layui.js" charset="utf-8"></script>
    <script src="assets/js/jQuery.main.js"></script>
    <script src="js/xm-select.js"></script>
    <div align="center" style="margin-bottom: 10px;margin-top: 10px">
      <span style="font-size: x-large;color:#1E9FFF;">个人基础信息填报<br>
        <span style="color: black;font-size: x-small">
          <b style="color:red;">*</b>注意:退出页面后,信息不保存！
          <b style="color:red;">该页为必填项</b></span>
      </span>
    </div>
    <form class="layui-form" action="" lay-filter="data">

      <div class="layui-form-item">
          <label class="layui-form-label" style="width: 7em;">意向岗位：</label>
          <input type="text" name="intentionPost" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入意向岗位">
      </div>

      <div class="layui-form-item">
        <div class="layui-block">
          <label class="layui-form-label" style="width: 7em;">姓名：</label>
          <div class="layui-input-inline " style="width: 18em">
            <input type="text" name="applyUserName" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                   placeholder="请输入姓名">
          </div>
<!--          <input type="text" name="productType" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"-->
<!--            placeholder="请输入产品类型">-->
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-block">
          <label class="layui-form-label" style="width: 7em;">手机号：</label>
          <div class="layui-input-inline " style="width: 18em">
            <input type="text" name="telephone" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                   placeholder="请输入手机号">
          </div>
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-block">
          <label class="layui-form-label" style="width: 7em;">性别：</label>
          <div class="layui-input-block">
            <input type="radio" name="sex" value="男" title="男">
            <input type="radio" name="sex" value="女" title="女" checked>
          </div>
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-block">
          <label class="layui-form-label" style="width: 7em;">出生日期：</label>
          <input type="text" id="birthday" name="birthday" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
            placeholder="请输入出生日期">
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-block">
          <label class="layui-form-label" style="width: 7em;">身高(单位cm)：</label>
          <input type="text" name="height" onkeyup="value=value.replace(/[^\d]/g,'')" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入身高">
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-block">
          <label class="layui-form-label" style="width: 7em;">籍贯：</label>
          <input type="text" name="nativePlace" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入籍贯">
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-block">
          <label class="layui-form-label" style="width: 7em;">政治面貌：</label>
          <div class="layui-input-block ">
            <input type="radio" name="tPolitical" value="群众" title="群众" checked>
            <input type="radio" name="tPolitical" value="共青团员/中共党员" title="共青团员/中共党员">
            <input type="radio" name="tPolitical" value="其他" title="其他">
          </div>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: 7em;">特长：</label>
        <div class="layui-input-inline " style="width: 15em">
          <input type="text" name="speciality" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入你的特长">
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: 7em;">爱好：</label>
        <div class="layui-input-inline " style="width: 15em">
          <input type="text" name="hobby" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入你的爱好">
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: 7em;">毕业院校：</label>
        <div class="layui-input-inline " style="width: 15em">
          <input type="text" name="graduationSchool" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入毕业院校">
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: 7em;">最高学历：</label>
        <div class="layui-input-block">
          <input type="radio" name="education" value="大专" title="大专" checked>
          <input type="radio" name="education" value="本科" title="本科">
          <input type="radio" name="education" value="硕士及以上" title="硕士及以上">
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: 7em;">专业：</label>
        <div class="layui-input-inline " style="width: 15em">
          <input type="text" name="major" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入你的专业">
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: 7em;">毕业时间：</label>
        <div class="layui-input-inline " style="width: 15em">
          <input type="text" id="graduationDay" name="graduationDay" lay-verify="required" autocomplete="off" class="layui-input" style="width: 18em;"
                 placeholder="请输入毕业时间">
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: auto">意向城市:</label>
        <div class="layui-input-block" style="width: 18em;">
          <div id="intendedCity"></div>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: auto">英语水平:</label>
        <div class="layui-input-block" style="width: 18em;">
          <div id="englishLevel"></div>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: auto">英语证书:</label>
        <div class="layui-input-block" style="width: 18em;">
          <div id="englishCertificate"></div>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: auto">擅长办公软件:</label>
        <div class="layui-input-block" style="width: 18em;">
          <div id="officeSoftware"></div>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label" style="width: auto;">信息来源：</label>
        <div class="layui-input-block" style="width: 15em">
        <select name="source" id="source" lay-verify="required" lay-filter="source">
            <option value="校就业办">校就业办</option>
            <option value="学院老师">学院老师</option>
            <option value="朋友，同学">朋友，同学</option>
            <option value="已就业的学长学姐">已就业的学长学姐</option>
            <option value="其它">其它</option>
          </select>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label"></label>
        <button id="nextItem" type="button" class="layui-btn layui-btn-radius layui-btn-lg " lay-filter="nextItem">下 一 项 ( 1 / 2 )</button>
      </div>
    </form>

    <div id="nextBox"  class="site-text" style="margin: 5%; display: none">

      <div align="center" style="margin-bottom: 10px;margin-top: 10px">
      <span style="font-size: x-large;color:#1E9FFF;">个人履历填报<br>
        <span style="color: black;font-size: x-small">
          <b style="color:red;">*</b>每个履历最多可填写3条.没有相关履历可不填</span>
      </span>
      </div>

      <form class="layui-form" action="" lay-filter="nextData">
        <div class="layui-card">
          <div class="layui-card-header"><b style="color: #FF5722">教育培训经历</b></div>
          <div class="layui-card-body">

            <span style="color: #01AAED;margin-bottom: 10px">---培训经历①---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">培训时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="trainTime_1" name="trainTime_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入培训时间">
              </div>
            </div>
            <div class="layui-form-item">
            <label class="layui-form-label" style="width: auto;">培训内容：</label>
            <div class="layui-input-inline " style="width: 8em">
              <input type="text" name="trainInfo_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                     placeholder="请输入培训内容">
            </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">是否获得证书：</label>
                <div class="layui-input-inline" style="width: 10em">
                  <input type="radio" name="obtainCertificate_1" value="1" title="是">
                  <input type="radio" name="obtainCertificate_1" value="0" title="否" checked>
                </div>
            </div>

            <span style="color: #01AAED;margin-bottom: 10px">---培训经历②---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">培训时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="trainTime_2" name="trainTime_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入培训时间">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">培训内容：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="trainInfo_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入培训内容">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">是否获得证书：</label>
              <div class="layui-input-inline" style="width: 10em">
                <input type="radio" name="obtainCertificate_2" value="1" title="是">
                <input type="radio" name="obtainCertificate_2" value="0" title="否" checked>
              </div>
            </div>

            <span style="color: #01AAED;margin-bottom: 10px">---培训经历③---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">培训时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="trainTime_3" name="trainTime_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入培训时间">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">培训内容：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="trainInfo_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入培训内容">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">是否获得证书：</label>
              <div class="layui-input-inline" style="width: 10em">
                <input type="radio" name="obtainCertificate_3" value="1" title="是">
                <input type="radio" name="obtainCertificate_3" value="0" title="否" checked>
              </div>
            </div>

          </div>
        </div>

        <div class="layui-card">
          <div class="layui-card-header"><b style="color: #FF5722">实习经历</b></div>
          <div class="layui-card-body">

            <span style="color: #01AAED;margin-bottom: 10px">---实习经历①---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">公司名称：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="companyName_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入公司名称">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">职位名称：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="postName_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入职位名称">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">开始时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="startTime_1" name="startTime_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入开始时间">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">结束时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text"id="endTime_1" name="endTime_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入结束时间">
              </div>
            </div>


            <span style="color: #01AAED;margin-bottom: 10px">---实习经历②---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">公司名称：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="companyName_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入公司名称">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">职位名称：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="postName_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入职位名称">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">开始时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="startTime_2" name="startTime_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入开始时间">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">结束时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="endTime_2" name="endTime_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入结束时间">
              </div>
            </div>


            <span style="color: #01AAED;margin-bottom: 10px">---实习经历③---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">公司名称：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="companyName_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入公司名称">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">职位名称：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="postName_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入职位名称">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">开始时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="startTime_3" name="startTime_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入开始时间">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">结束时间：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="endTime_3" name="endTime_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入结束时间">
              </div>
            </div>

          </div>
        </div>

        <div class="layui-card">
          <div class="layui-card-header"><b style="color: #FF5722">家庭成员</b></div>
          <div class="layui-card-body">

            <span style="color: #01AAED;margin-bottom: 10px">---成员①---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">姓名：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="name_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入成员姓名">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">称谓：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="appellation_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入称谓">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">现居地：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="nowLive_1" name="nowLive_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入现居地">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">工作单位：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="nowWorkplace_1" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入工作单位">
              </div>
            </div>

            <span style="color: #01AAED;margin-bottom: 10px">---成员②---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">姓名：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="name_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入成员姓名">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">称谓：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="appellation_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入称谓">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">现居地：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="nowLive_2" name="nowLive_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入现居地">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">工作单位：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="nowWorkplace_2" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入工作单位">
              </div>
            </div>

            <span style="color: #01AAED;margin-bottom: 10px">---成员③---</span>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">姓名：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="name_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入成员姓名">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">称谓：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="appellation_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入称谓">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">现居地：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" id="nowLive_3" name="nowLive_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入现居地">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: auto;">工作单位：</label>
              <div class="layui-input-inline " style="width: 8em">
                <input type="text" name="nowWorkplace_3" lay-verify="required" autocomplete="off" class="layui-input" style="width: 15em;"
                       placeholder="请输入工作单位">
              </div>
            </div>

          </div>
        </div>

        <div class="layui-form-item" align="center">
          <label class="layui-form-label"></label>
          <button id="submitBtn" type="button" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" lay-filter="submitBtn">提 交 信 息 ( 2 / 2 )</button>
        </div>

      </form>
    </div>

    <script type="text/javascript" src="layui/layui.js"></script>
    <script type="text/javascript" src="js/filling.js"></script>
  
  </body>

</html>
